<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>我的任务</title>
    <link rel="stylesheet" href="../browser_components/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../browser_components/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../browser_components/summernote/dist/summernote-bs4.min.css">
    <link rel="stylesheet" href="../browser_components/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="../browser_components/select2-bootstrap4-theme/dist/select2-bootstrap4.min.css">
    <link rel="stylesheet" href="../browser_components/vue-select/dist/vue-select.css">

    <script src="../browser_components/jquery/dist/jquery.min.js"></script>
    <script src="../browser_components/popper.js/dist/umd/popper.min.js"></script>
    <script src="../browser_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../browser_components/polyfill/dist/polyfill.min.js"></script>
    <script src="../browser_components/summernote/dist/summernote-bs4.js"></script>
    <script src="../browser_components/summernote/dist/lang/summernote-zh-CN.min.js"></script>
    <script src="../browser_components/vue/dist/vue.js"></script>
    <script src="../browser_components/select2/dist/js/select2.min.js"></script>
    <script src="../browser_components/select2/dist/js/i18n/zh-CN.js"></script>
    <script src="../browser_components/vue-select/dist/vue-select.js"></script>
</head>
<body>
<header class="container-fluid mb-3 bg-light">

    <nav class="navbar navbar-expand-lg   navbar-light bg-light">
        <a class="navbar-brand" href="../index.html"> <img alt="稻草问答"
                                                           src="../img/straw_logo_239x80.png" height="33">
        </a>
        <button class="navbar-toggler" type="button"
                data-toggle="collapse" data-target="#navbarNavAltMarkup"
                aria-controls="navbarNavAltMarkup" aria-expanded="false"
                aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-item nav-link active" href="../index.html">首页</a>
                <a class="nav-item nav-link active" href="../personal/myQuestion.html">提问</a>
                <a class="nav-item nav-link active" href="../personal/task.html">任务</a>
                <a class="nav-item nav-link active" href="../personal/collect.html">收藏</a>
            </div>

        </div>

        <div class="form-inline my-2 my-lg-0" id="searchApp">
            <input class="form-control form-control-sm mr-sm-2 rounded-pill" v-model="keyword" type="search"
                   placeholder="Search" aria-label="Search">
            <button class="btn btn-sm btn-outline-secondary my-2 my-sm-0 rounded-pill" type="button"><i
                    class="fa fa-search" aria-hidden="true"></i></button>
        </div>
        <a type="button" class="btn btn-outline-primary btn-sm mx-2" href="../question/create.html">我要提问</a>
        <div id="noticeCount">
            <button type="button" class="btn btn-default btn-xs fa fa-bell-o" data-toggle="modal"
                    data-target="#noticeModal">
                <span class="badge badge-warning badge-pill">2</span>
            </button>
        </div>
        <div class="dropdown   py-1 mr-3 ">
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown"
                    aria-haspopup="true" aria-expanded="false">
                <img style="width: 30px;height: 30px;border-radius: 50%;"
                     src="../img/user.jpg">
            </button>
            <div class="dropdown-menu dropdown-menu-sm-left text-sm border-0" aria-labelledby="dropdownMenu2">
                <a class="dropdown-item " href="../personal/userInfo.html">账号设置</a>
                <div class="dropdown-divider"></div>
                <button data-toggle="modal" data-target="#invitecodeModal" class="dropdown-item btn-default">查看邀请码
                </button>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item " href="../login.html">注销登录</a>
            </div>
        </div>
    </nav>
    <!-- 消息modal-->
    <div class="modal fade" id="noticeModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <div id="myTab" role="tablist" class="nav nav-tabs">
                        <a href="#commentNotice" class="nav-item nav-link active text-black" data-toggle="tab"
                           aria-controls="commentNotice" aria-selected="true">
                            通知
                        </a>
                        <a href="#announcement" class="nav-item nav-link text-black" data-toggle="tab"
                           aria-controls="announcement"
                           aria-selected="true">
                            公告
                        </a>
                    </div>
                    <div id="myTabContent" class="tab-content col-12">
                        <div class="tab-pane fade show active row" id="commentNotice" role="tabpanel"
                             aria-labelledby="noAnswer-tab">
                            <div class="list-group list-group-flush">
                                <h6 class="text-dark my-2" style="display: none">暂无新消息！</h6>
                                <a href="../notice/all.html" style="display: none" class="text-info">查看历史消息</a>
                                <!--只显示10条消息-->
                                <div class="list-group-item list-group-item-action">
                                    <span>张三</span>
                                    <strong style="display: none">回答了你的问题</strong>
                                    <strong style="display: none">评论了您的回答</strong>
                                    <strong style="display: none">评论了您的提问</strong>
                                    <strong>向您提问</strong>
                                    <a href="" class="text-info">Java中方法重载和重写的区别</a>
                                </div>
                            </div>
                            <div class="col-12 mt-2 ">
                                <a href="../notice/all.html" class="text-info">查看全部消息</a>
                            </div>
                        </div>
                        <div class="tab-pane fade row" id="announcement" role="tabpanel" aria-labelledby="unSolve-tab">
                            <p class="text-black mt-2">暂无公告！</p>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div><!-- 消息modal-->
    <!-- 查看邀请码modal-->
    <div class="modal fade" id="invitecodeModal" tabindex="-1" role="dialog" aria-labelledby="invitecodeModal"
         aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    <table class="table">
                        <thead>
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">班级</th>
                            <th scope="col">邀请码</th>
                            <th scope="col">有效期至</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <th scope="row">1</th>
                            <td>JSD1912</td>
                            <td>JSD1912-697441</td>
                            <td>2020-05-18 23:26:05</td>
                        </tr>
                        <tr>
                            <th scope="row">2</th>
                            <td>JSD2001</td>
                            <td>JSD2001-216850</td>
                            <td>2020-05-18 23:26:05</td>
                        </tr>
                        <tr>
                            <th scope="row">3</th>
                            <td>JSD2002</td>
                            <td>JSD2002-563302</td>
                            <td>2020-05-18 23:26:05</td>
                        </tr>
                        <tr>
                            <th scope="row">4</th>
                            <td>JSD2003</td>
                            <td>JSD2003-285267</td>
                            <td>2020-05-18 23:26:05</td>
                        </tr>
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div><!-- 查看邀请码modal-->
</header>
<!--引入标签的导航栏-->
<div class="container-fluid">
    <div class="nav font-weight-light">
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>全部</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Java基础</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Java OOP</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Java SE</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>WebServer</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>二进制</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Web</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>MySQL</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Servlet</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Spring</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>SpringMVC</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>MyBatis</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Ajax</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>SpringBoot</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>SpringCloud</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>面试题</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>搜索引擎</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Docker</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Linux</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>CentOS</small></a>
        <a href="../tag/tag_question.html" class="nav-item nav-link text-info"><small>Dubbo</small></a>
    </div>
</div>
<div class="container-fluid mt-2 mb-1 bg-light text-xs" id="app">
    <h4 class="border-bottom m-2 p-2 font-weight-light"><i class="fa fa-tasks" aria-hidden="true"></i> 我的任务</h4>
    <div class="row">
        <div class="col-12">
            <div role="tablist" class="nav nav-tabs">
                <a href="#noAnswer" class="nav-item nav-link active text-warning" data-toggle="tab"
                   aria-controls="noAnswer"
                   aria-selected="true">
                    <span class="fa fa-question"></span> &nbsp; 待回答
                </a>
                <a href="#unSolve" class="nav-item nav-link text-info" data-toggle="tab" aria-controls="unSolve"
                   aria-selected="true">
                    <span class="fa fa-wrench"></span> &nbsp;待解决
                </a>
                <a href="#solved" class="nav-item nav-link text-success" data-toggle="tab" aria-controls="solved"
                   aria-selected="true">
                    <span class="fa fa-check"></span> &nbsp;已解决
                </a>
            </div>
        </div>

    </div>
    <div class="row mt-2">

        <div class="tab-content col-12">
            <div class="tab-pane fade show active row" id="noAnswer" role="tabpanel" aria-labelledby="noAnswer-tab">
                <div class="col-12" id="app1" v-cloak>
                    <div class="row mb-3">
                        <div class="col-12">
                            <button type="button" class="btn btn-default btn-sm mx-1 text-xs"><label
                                    class="fa fa-tags"></label>&nbsp;标记为已解决
                            </button>
                            <button type="button" class="btn btn-default btn-sm  mx-1 text-xs" data-toggle="modal"
                                    data-target="#app4"><label
                                    class="fa  fa-share-alt"></label>&nbsp;邀请其他老师作答
                            </button>
                        </div>

                    </div>
                    <div class="row">
                        <div class="col-12">
                            <table class="table  table-sm table-hover  text-xs">
                                <thead>
                                <tr>
                                    <th scope="col"><input type="checkbox"></th>
                                    <th scope="col">编号</th>
                                    <th scope="col">标题</th>
                                    <th scope="col">标签</th>
                                    <th scope="col">提问者</th>
                                    <th scope="col">提问时间</th>
                                    <th scope="col">回答状态</th>
                                    <th scope="col">浏览量</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr v-for="question in questions">
                                    <td scope="row"><input type="checkbox"></td>
                                    <td>1</td>
                                    <td>
                                        <a href="../question/detail.html" target=_blank>Java如何安装?</a>
                                    </td>
                                    <td>
                                        <span class="label label-default" style="margin-right: 2px">Java基础</span>
                                    </td>
                                    <td>天王盖地虎</td>
                                    <td>2020-04-30 12:19:22</td>
                                    <td>
                                        <span class="badge badge-warning">未回答</span>
                                    </td>
                                    <td>10浏览</td>

                                </tr>
                                </tbody>

                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <!--显示分页信息-->
                        <div class="row mt-5">
                            <div class="col-6 offset-3">
                                <nav aria-label="Page navigation example">
                                    <div class="pagination">
                                        <a class="page-item page-link" href="#">Previous</a>
                                        <a class="page-item page-link" href="#">1</a>
                                        <a class="page-item page-link" href="#">2</a>
                                        <a class="page-item page-link" href="#">3</a>
                                        <a class="page-item page-link" href="#">Next</a>
                                    </div>
                                </nav>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade row" id="unSolve" role="tabpanel" aria-labelledby="unSolve-tab">
                <div class="col-12">
                    <div class="row mb-3">
                        <div class="col-12">
                            <button type="button" class="btn btn-default btn-sm  mx-1"><label
                                    class="fa fa-tags"></label>&nbsp;标记为已解决
                            </button>
                            <button type="button" class="btn btn-default btn-sm  mx-1" data-toggle="modal"
                                    data-target="#app5"><label
                                    class="fa  fa-share-alt"></label>&nbsp;邀请其他老师作答
                            </button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <table class="table  table-sm table-hover  text-xs">
                                <thead>
                                <tr>
                                    <th scope="col"><input type="checkbox"></th>
                                    <th scope="col">编号</th>
                                    <th scope="col">标题</th>
                                    <th scope="col">标签</th>
                                    <th scope="col">提问者</th>
                                    <th scope="col">提问时间</th>
                                    <th scope="col">回答状态</th>
                                    <th scope="col">浏览量</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr v-for="question in questions">
                                    <td scope="row"><input type="checkbox"></td>
                                    <td>1</td>
                                    <td>
                                        <a href="../question/detail.html" target=_blank>如何安装Java?</a>
                                    </td>
                                    <td>
                                        <span class="label label-default" style="margin-right: 2px">Java基础</span>
                                    </td>
                                    <td>张三</td>
                                    <td>2020-04-30 12:19:22</td>
                                    <td>
                                        <span class="badge badge-info">待解决</span>
                                    </td>
                                    <td>10浏览</td>
                                </tr>
                                </tbody>


                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <!--显示分页信息-->
                        <div class="row mt-5">
                            <div class="col-6 offset-3">
                                <nav aria-label="Page navigation example">
                                    <div class="pagination">
                                        <a class="page-item page-link" href="#">Previous</a>
                                        <a class="page-item page-link" href="#">1</a>
                                        <a class="page-item page-link" href="#">2</a>
                                        <a class="page-item page-link" href="#">3</a>
                                        <a class="page-item page-link" href="#">Next</a>
                                    </div>
                                </nav>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="tab-pane fade row" id="solved" role="tabpanel" aria-labelledby="solved-tab">
                <div class="col-12">
                    <div class="row mb-3">
                        <div class="col-12">
                            <button type="button" class="btn btn-default btn-sm  mx-1"><label
                                    class="fa fa-eye"></label>&nbsp;设置为所有人可见
                            </button>
                            <button type="button" class="btn btn-default btn-sm  mx-1"><label
                                    class="fa fa-eye-slash"></label>&nbsp;设置为本人和老师可见
                            </button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <table class="table  table-sm table-hover text-xs">

                                <thead>
                                <tr>
                                    <th scope="col"><input type="checkbox"></th>
                                    <th scope="col">编号</th>
                                    <th scope="col">标题</th>
                                    <th scope="col">标签</th>
                                    <th scope="col">提问者</th>
                                    <th scope="col">提问时间</th>
                                    <th scope="col">回答状态</th>
                                    <th scope="col">是否公开</th>
                                    <th scope="col">浏览量</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td scope="row"><input type="checkbox"></td>
                                    <td>1</td>
                                    <td>
                                        <a href="../question/detail.html" target=_blank>如何安装Java?</a>
                                    </td>
                                    <td>
                                        <span class="label label-default" style="margin-right: 2px">Java基础</span>
                                    </td>
                                    <td>张三</td>
                                    <td>2020-04-30 12:19:22</td>
                                    <td>
                                        <span class="badge badge-success">已解决</span>
                                    </td>
                                    <td>
                                        <span class="badge badge-warning" style="display: none">未公开</span>
                                        <span class="badge badge-success">已公开</span>
                                    </td>
                                    <td>10浏览</td>
                                </tr>
                                </tbody>


                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <!--显示分页信息-->
                        <div class="row mt-5">
                            <div class="col-6 offset-4">
                                <nav aria-label="Page navigation example">
                                    <div class="pagination">
                                        <a class="page-item page-link" href="#">Previous</a>
                                        <a class="page-item page-link" href="#">1</a>
                                        <a class="page-item page-link" href="#">2</a>
                                        <a class="page-item page-link" href="#">3</a>
                                        <a class="page-item page-link" href="#">Next</a>
                                    </div>
                                </nav>
                            </div>

                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <!-- / class="row"-->

</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="app4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">

                <h5 class="modal-title" id="myModalLabel">
                    邀请其他老师作答
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            花倩
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            范传奇
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            王克晶
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            刘苍松
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            刘国斌
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            程恒
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            程祖红
                        </label>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">提交</button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- 模态框（Modal） -->
<div class="modal fade" id="app5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="myModalLabel2">
                    邀请其他老师作答
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            花倩
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            范传奇
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            王克晶
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            刘苍松
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            刘国斌
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            程恒
                        </label>
                    </div>
                    <div class="form-check form-check-inline">
                        <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                        <label class="form-check-label" for="defaultCheck1">
                            程祖红
                        </label>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--底部-->
<footer class="container-fluid  bg-light mt-1 py-3">
    <p class="text-center font-weight-light">达内教育-Java教研部 版权所有<br><a href="http://tedu.cn" rel="nofollow"
                                                                     target="_blank">京ICP备16053980号-3</a>
    </p>
</footer>
</body>
</html>